.mine{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background-color: #F4F4F4;
	font-family: PingFang SC;
	.tabbar{
		width: 100%;
		height: 130upx;
		position: fixed;
		top: 0;
		z-index: 9999;
		background-color: #F4F4F4;
	}
	.topBanner{
		width: 100%;
		height: 420upx;
		background-image: url(../../static/images/mine.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100%;
		margin-top: 130upx;
		.notLoggedIn{
			width: 100%;
			height: 100%;
			view:nth-child(1){
				width: 100%;
				text-align: center;
				padding-top: 126upx;
				font-size: 32upx;
				font-weight: 500;
				color: #FFFFFF;
			}
			view:nth-child(2){
				width: 196upx;
				height: 68upx;
				background: linear-gradient(-45deg, #C82C2D, #FF3015);
				border-radius: 34upx;
				line-height: 68upx;
				text-align: center;
				margin: 0 auto;
				margin-top: 32upx;
				font-size: 32upx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
			}
		}
		.loggedIn{
			width: 100%;
			padding-top: 77upx;
			img{
				display: block;
				width: 142upx;
				height: 142upx;
				margin: 0 auto;
			}
			view{
				width: 100%;
				text-align: center;
				font-size: 32upx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
				margin-top: 17upx;
			}
		}
	}
	.myTopNav{
		width: 100%;
		height: 160upx;
		padding: 0upx 24upx;
		box-sizing: border-box;
		.havaBackground{
			display: flex;
			position: relative;
			top: -60upx;
			width: 100%;
			height: 100%;
			background-color: #FFF;
			border-radius: 10upx;
		}
		.navItem{
			flex: 1;
			text-align: center;
			padding-top: 30upx;
			box-sizing: border-box;
			
			.nav{
				border-right: 1px solid #E6E6E6;
			}
			.isNoBorder{
				border: none;
			}
			img{
				display: block;
				width: 64upx;
				height: 64upx;
				margin: 0 auto;
			}
			view{
				font-size: 30upx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
			}
		}
	}
	.moreNav{
		width: 100%;
		padding: 0upx 24upx;
		box-sizing: border-box;
		.havaBackground{
			display: flex;
			position: relative;
			top: -30upx;
			width: 100%;
			height: 100%;
			background-color: #FFF;
			border-radius: 10upx;
			.moreNavList{
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				width: 100%;
				padding: 32upx;
				box-sizing: border-box;
				
				.morenNavItem{
					display: flex;
					margin-top: 58upx;
					view:nth-child(1){
						img{
							width: 78upx;
							height: 78upx;
						}
					}
					view:nth-child(2){
						margin-left: 23upx;
						.tit{
							font-size: 28upx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #333333;
							line-height: 44upx;
						}
						.msg{
							margin: 0;
							font-size: 22upx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #999999;
						}
					}
				}
				.noMargin{
					margin: 0;
				}
			}
		}
	}
}